<!--<template>-->
  <!--<el-table :data="list" style="width: 100%;padding-top: 15px;">-->
    <!--<el-table-column label="Order_No" min-width="200">-->
      <!--<template slot-scope="scope">-->
        <!--{{ scope.row.order_no | orderNoFilter }}-->
      <!--</template>-->
    <!--</el-table-column>-->
    <!--<el-table-column label="Price" width="195" align="center">-->
      <!--<template slot-scope="scope">-->
        <!--¥{{ scope.row.price | toThousandFilter }}-->
      <!--</template>-->
    <!--</el-table-column>-->
    <!--<el-table-column label="Status" width="100" align="center">-->
      <!--<template slot-scope="{row}">-->
        <!--<el-tag :type="row.status | statusFilter">-->
          <!--{{ row.status }}-->
        <!--</el-tag>-->
      <!--</template>-->
    <!--</el-table-column>-->
  <!--</el-table>-->
<!--</template>-->

<!--<script>-->
<!--import { transactionList } from '@/api/remote-search'-->

<!--export default {-->
  <!--filters: {-->
    <!--statusFilter(status) {-->
      <!--const statusMap = {-->
        <!--success: 'success',-->
        <!--pending: 'danger'-->
      <!--}-->
      <!--return statusMap[status]-->
    <!--},-->
    <!--orderNoFilter(str) {-->
      <!--return str.substring(0, 30)-->
    <!--}-->
  <!--},-->
  <!--data() {-->
    <!--return {-->
      <!--list: null-->
    <!--}-->
  <!--},-->
  <!--created() {-->
    <!--this.fetchData()-->
  <!--},-->
  <!--methods: {-->
    <!--fetchData() {-->
      <!--transactionList().then(response => {-->
        <!--this.list = response.data.items.slice(0, 8)-->
      <!--})-->
    <!--}-->
  <!--}-->
<!--}-->
<!--</script>-->
